Clonedle - Wordleクローン
from React入門チュートリアル
Wordleクローン作る
やりたい事
Firebaseとの連携
canvasとやら
アニメーションっぽいこと
Hooksを切り出す
Reactらしくかきたいので
Clonedleの場合、何がHooksになるべき?
useGame?
✅ファイル分割
TypescriptでReactに書き換えよう
DONE✅
Github Pagesにデプロイしよう
無料で出来るの素晴らしいな
React GitHub Pagesにデプロイ - create-react-appで作ったReactプロジェクトをGitHub Pagesにデプロイしてみましょう。
https://web-begginer-log.com/create-react-app-gh-pages/
これで行けた、yarnはnpmに変えたけど
package.jsonはhttps://github.com/blu3mo/clonedle/blob/master/package.json
✅https://blu3mo.github.io/clonedle/
最初のログ
Parsing error: JSX value should be either an expression or a quoted JSX text. (19:18)
<x y="_">もしくは<x y={_}>なら良いのね
<x y=0>が許されないのがいまいちよく分からんけど、まあそういう物なのかな
HTML文法として間違っているからとか？takker.icon
あ〜〜、なるほど！blu3mo.icon
HTML height Attribute
数値も""で括ってるのかblu3mo.icon
jsのclass周りが分からんのでとりあえずシンプルに作るけど、多分ゲームロジックと表示は分離すべきだな
できた
https://gyazo.com/bf6de99d4db760d4c37eb910c300dfaf
CSSも頑張った
https://gyazo.com/f5ffdff5e8db250a4de29d8f9a2fda32
おお～それっぽいtakker.icon